<template>
	<rui-pages :bar="menu.system">
		<view class="other">
			<rui-card>
				<view class="other_form">
					<view class="other_form_item" style="width: calc(50% - 40px);" v-for="(item, index) in temperature" :key="index">
						<view class="other_form_item_label">
							{{item.name}}
						</view>
						<view class="other_form_item_input">
							<input type="text" placeholder="请输入" v-model="item.input" />
						</view>
						<view class="other_form_item_unit">
							{{item.unit}}
						</view>
					</view>
				</view>
			</rui-card>
			<rui-card>
				<view class="other_form">
					<view class="other_form_item" style="width: calc(100% - 40px);" v-for="(item, index) in other" :key="index">
						<view class="other_form_item_label">
							{{item.name}}
						</view>
						<view class="other_form_item_input">
							<input type="text" placeholder="请输入" v-model="item.input" />
						</view>
						<view class="other_form_item_unit">
							{{item.unit}}
						</view>
					</view>
				</view>
			</rui-card>
		</view>

	</rui-pages>
</template>

<script setup>
	import {
		ref,
		watch
	} from 'vue';
	import menu from '@/utils/menu.js';
	let other = ref([{
		name: "自动干燥泄漏率",
		en: "inner_temperature_setter",
		unit: "Pa/s",
		input: 20
	}, {
		name: "干燥压力值",
		en: "inner_temperature_setter",
		unit: "Pa",
		input: 20
	}, {
		name: "真空保持时间",
		en: "inner_temperature_setter",
		unit: "S",
		input: 20
	}, {
		name: "新风时间",
		en: "inner_temperature_setter",
		unit: "S",
		input: 20
	}, {
		name: "蒸发器压力调整",
		en: "inner_temperature_setter",
		unit: "Pa",
		input: 20
	}, {
		name: "内胆压力调整",
		en: "inner_temperature_setter",
		unit: "Pa",
		input: 20
	}])
	let temperature = ref([{
		name: "内胆设置温度",
		en: "inner_temperature_setter",
		unit: "℃",
		input: 20
	}, {
		name: "内胆温度补偿",
		en: "inner_temperature_compensation",
		unit: "℃",
		input: 20
	}, {
		name: "蒸发室设置温度",
		en: "evaporator_temperature_setter",
		unit: "℃",
		input: 20
	}, {
		name: "蒸发室温度补偿",
		en: "evaporator_temperature_compensation",
		unit: "℃",
		input: 20
	}, {
		name: "冷凝器设置温度",
		en: "condenser_temperature_setter",
		unit: "℃",
		input: 20
	}, {
		name: "冷凝器温度补偿",
		en: "condenser_temperature_compensation",
		unit: "℃",
		input: 20
	}, {
		name: "前门设置温度",
		en: "front_temperature_setter",
		unit: "℃",
		input: 20
	}, {
		name: "前门温度补偿",
		en: "front_temperature_compensation",
		unit: "℃",
		input: 20
	}, {
		name: "后门设置温度",
		en: "after_temperature_setter",
		unit: "℃",
		input: 20
	}, {
		name: "后门温度补偿",
		en: "after_temperature_compensation",
		unit: "℃",
		input: 20
	}, {
		name: "机箱温度上限",
		en: "temperature_upper",
		unit: "℃",
		input: 20
	}])
</script>

<style lang="scss" scoped>
	.other {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: 15px;

		&_form {
			display: flex;
			flex-wrap: wrap;

			&_item {
				
				margin: 10px 30px 10px 0;
				display: flex;
				align-items: center;

				&_label {
					width: calc(100% - 120px);
					text-align: right;
				}

				&_input {
					background: var(--bg);
					margin: 0 10px;
					padding: 10px;
					width: 100px;
					border-radius: 10px;
					text-align: center;
				}

				&_unit {
					width: 30px;
				}
			}
		}



	}
</style>